<template>
	<view class="content">
			<view class="uls">
				 <view class="lis" v-for="item in more">
					 <view @click="push_href(item.link)">
						 <text class="tit">{{item.title}}</text>
						 <text class="con">{{item.desc}}</text>  
					 </view>
				 </view>
			</view>
	</view>
</template>

<script>
	import {
		gethistory
	} from '../../../api/index.js'
	export default {
		data() {
			return {
				more:[]
			}
		},
		mounted() {
			this.push_zi()
		},
		methods: {
			push_zi(){
				gethistory().then(res=>{
					console.log(res)
					if(res.data.code==200){
						this.more=res.data.result
					}
				})
			},
			push_href(url){
				uni.navigateTo({
					url:'more?url='+url
				})
			}
		}
	}
</script>

<style scoped>
	.content {
		padding: 25rpx;
		box-sizing: border-box;
	}

	.uls{
		width: 100%;
	}
	.uls .lis{
		width: 100%;
		border-bottom: 1rpx solid #ccc;
		padding: 20rpx;
		box-sizing: border-box;
		border: 2rpx solid #357ecc;
		border-radius: 10rpx;
		margin-bottom: 20rpx;
	}
	
	
	.uls .lis .tit{
		font-size: 30rpx;
		font-weight: 700;
		color: #276099;
	}
	
	.uls .lis .con{
		font-size:24rpx;
		color: #333;
		display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
	}
</style>